<!-- 首页主体html -->
<div id="main">
	<!-- 左侧问题分类 -->
	<div class="leftCategory">
		<div class='hd'>
			<h4>所有问题分类</h4>
		</div>
		<!-- 问题分类 -->
		<div class="db">
			<ul class="list">
				<li class="item">
					<div class="dd">
						<h4><a href="">电脑网络</a></h4>
						<ul class="cc">
							<li><a href="">电脑知识</a></li>
							<li><a href="">电脑知识</a></li>
							<li><a href="">电脑知识</a></li>
						</ul>
					</div>	
					<ul class="CateChilds">
							<li><a href="">来此</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<!-- ============中间主体内容============= -->
	<div class="centerContent">
		<!-- 幻灯片 -->
		<div id="slidesBox">
			<!-- 幻灯片内容 -->
			<ul class="slidesContent">
				<li class="picItem">
					<a href="" class='img'><img src="__PUBLIC__/images/1.jpg" alt=""></a>
					<div class="info">
						<h4><a href="">高考如何调整心态？</a><sup></sup></h4>
						<ul>
							<li><a href="">高考复习方法？</a></li>
							<li><a href="">高考复习方法？</a></li>
							<li><a href="">高考复习方法？</a></li>
							<li><a href="">高考复习方法？</a></li>
							<li><a href="">高考复习方法？</a></li>
						</ul>
					</div>
				</li>
				<li class="picItem">
					<a href="" class='img'><img src="__PUBLIC__/images/t01574f9cb4c701dbbd.png" alt=""></a>
					<div class="info">
						<h4><a href="">肉眼可以看到神十吗？</a><sup></sup></h4>
						<ul>
							<li><a href="">神舟十号与天宫一号如何对接？</a></li>
							<li><a href="">神舟十号与天宫一号如何对接？</a></li>
							<li><a href="">神舟十号与天宫一号如何对接？</a></li>
							<li><a href="">神舟十号与天宫一号如何对接？</a></li>
							<li><a href="">神舟十号与天宫一号如何对接？</a></li>
						</ul>
					</div>
				</li>
				<li class="picItem">
					<a href="" class='img'><img src="__PUBLIC__/images/t0128e0b8b434e006ae.png" alt=""></a>
					<div class="info">
						<h4><a href="">“棱镜门”的内幕？</a><sup></sup></h4>
						<ul>
							<li><a href="">棱镜门的起因是什么？</a></li>
							<li><a href="">棱镜门的起因是什么？</a></li>
							<li><a href="">棱镜门的起因是什么？</a></li>
							<li><a href="">棱镜门的起因是什么？</a></li>
							<li><a href="">棱镜门的起因是什么？</a></li>
						</ul>
					</div>
				</li>
			</ul>
			<!-- 幻灯片导航 -->
			<ul class="slidesNav">
				<li><span class="oneSpan">高考如何调整心态？</span><i class="arrow"></i></li>
				<li><span>肉眼可以看到神十吗？</span><i></i></li>
				<li><span>“棱镜门”的内幕？</span><i></i></li>
			</ul>
		</div>
		<!-- 待解决问题box -->
		<div id="unresolved" class="problemList">
			<!-- 问题title -->
			<div class="prlHd">
				<h3 class="t1">待解答问题</h3>
				<p class="more"><a href="">更多>></a></p>
			</div>
			<!-- 问题列表list -->
			<div class="prlBb">
				<ul>
					
					
					<li><span class="wealth"></span> <span class="s0"><a href=""> </a></span><span class="s1"> 回答</span></li>

				</ul>
			</div>
		</div>
		<!-- 高分悬赏box -->
		<div id='highMarks' class="problemList">
			<!-- 问题title -->
			<div class="prlHd">
				<h3 class="t2">高分悬赏问题</h3>
				<p class="more"><a href=>更多>></a></p>
			</div>
			<!-- 问题列表list -->
			<div class="prlBb">
				<ul>
					
					<li><span class="wealth">  </span><span class="s0"><a href=""></a></span><span class="s1"> 回答</span></li>

				</ul>
			</div>
		</div>
	</div>
	<!-- 右侧侧边栏 -->
	<div class="rightSidebar" id="rightSidebar">
		<!-- 用户登录框div -->
		<div class="userInfoBox">
			<!-- 头部 -->
			<div class="hd"></div>
			<!-- 内容 -->
			<div class="bd">
				<!-- 信息 -->
				<div class="info">
					<a href="" class="pic" title="点击修改头像">
						<img src="__PUBLIC__/images/220255dq9816.3eceac.jpg" alt="">
					</a>
					<div class="text">
						<!-- 名称、组别、等级 -->
						<p class="name">
							<a href="">张三</a>
								<span class="ico-lv">Lv等级</span>
						</p>
						<!-- 金币 -->
						<p>金钱：<span class="gold"><a href="">100</a></span></p>
						<!-- 经验 -->
						<p class='rank'>经验：
							<a href=""><span>1000</span></a>
						</p>
					</div>
				</div>
				<!-- 状态 -->
				<div class="status">
					<table>
						<tbody>
							<tr>
								<th class="first">回答数</th>
								<th>采纳率</th>
								<th>提问数</th>
							</tr>
							<tr>
								<td class="first">0</td>
								<td>0%</td>
								<td>0</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!-- 我的提问、回答 -->
				<div class="qa-btn">
					<ul class="clearfix">
						<li class="asked"><a href="">我的提问</a></li>
						<li class="answered"><a href="">我的回答</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="userLogin">
			<div class="clearfix">
				<a href="" class='loginBtn'><span>登录</span></a>
				<a href="" class="registerBtn"><span>注册</span></a>
			</div>
		</div>
		<!-- 继续答题得金币div -->
		<a href="" class="continueBox">
			<!-- 连续答题天数 -->
			<p class="days">
				<span>0</span>
				天
			</p>
			<!-- 连续答题规则 -->
			<div class="rule">
				<!--小三角 -->
				<span class='tangle'></span>
				<p>
					连续答题 2 天 
					<span>+5</span>
				</p>
				<p>
					连续答题 5 天 
					<span>+20</span>
				</p>
				<p>
					连续答题 10 天 
					<span>+50</span>
				</p>
				<p>
					连续答题 30 天 
					<span>+100</span>
				</p>
				<p>
					连续答题 100 天 
					<span>+500</span>
				</p>
			</div>
		</a>
		<!-- 360回答问题吉尼斯世界之最 -->
		<div class="guinessBox">
			<div class="hd">
				<h3>问答吉尼斯世界之最</h3>
			</div>
			<div class='bd'>
				<ul>
					<li>
						<p class='rk'>24小时产生回答最多的人</p>
						<!-- 信息 -->
						<div class='info'>
							<a href="" class='pic'>
								<img src="__PUBLIC__/images/270282aq1aeba.d906d3.jpg" alt="">
							</a>
							<div class='text'>
								<p class='name'>
									<a href="">小试牛刀呼呼</a>
									<span class="guinessIco"></span>
								</p>
								<p>24小时内共回答：<b>2750</b>条</p>
								<a href="" class="btn">挑战他</a>
							</div>
						</div>
					</li>
					<li>
						<p class='rk'>回答总数最多的人</p>
						<!-- 信息 -->
						<div class='info'>
							<a href="" class='pic'>
								<img src="__PUBLIC__/images/2802049q11fb5.dc2cfe.jpg" alt="">
							</a>
							<div class='text'>
								<p class='name'>
									<a href="">烟灭就分手008</a>
									<span class="guinessIco"></span>
								</p>
								<p>回答总数：<b>38588</b>条
								</p>
								<a href="" class="btn">挑战他</a>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 本周问题之星div -->
		<div class="weekBox">
			<!-- 头部 -->
			<div class="hd"><h3>本周问题之星</h3></div>
			<!-- 主体 -->
			<div class='bd'>
				<div class="info">
					<a href="" class="pic"><img src="__PUBLIC__/images/290119q120f7.a3077c.jpg" alt=""></a>
					<div class="text">
						<p class="name">事后小诸葛</p>
						<p>
							<a href=""><span class="icoIde"></span></a>
							<a href=""><span class="icoLv"></span></a>
						</p>
					</div>
				</div>
				<!-- 回答/采纳率 -->
				<div class="status">
					<ul>
						<li>回答数：<em>1790</em></li>
						<li>采纳率：<em>65%</em></li>
					</ul>
				</div>
				<!-- 精选回答 -->
				<div class="bestList">
					<h4>精选回答</h4>
					<ul class='list'>
						<li><a href="">北京天气怎么样？</a></li>
						<li><a href="">北京天气怎么样？</a></li>
						<li><a href="">北京天气怎么样？</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 本日回答助人光荣榜 -->
		<div class="wealthTop">
			<!-- 头部 -->
			<div class="hd"><h3>本日问答助人光荣榜</h3></div>
			<!-- 主体 -->
			<div class="bd">
				<ul>
					<li><a href="" class="name">用户名</a><span class="help">帮助过的人数</span></li>
					<li><span class="num no1"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no2"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no3"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no4"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no5"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no6"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no7"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no8"></span><a href="" class='name'>505223397</a><span class='help'>1000</span></li>
					<li><span class="num no9"></span><a href="" class='name'>505223397</a><span class='help'>7</span></li>
					<li><span class="num no10"></span><a href="" class='name'>505223397</a><span class='help'>60</span></li>
				</ul>
			</div>
		</div>
	</div>
</div>